<input type="hidden" id="node-input-version" />

<div class="form-row">
    <label for="node-input-name" data-i18n="ha-api.label.name"></label>
    <input type="text" id="node-input-name" />
</div>

<div class="form-row">
    <label for="node-input-server" data-i18n="ha-api.label.server"></label>
    <input type="text" id="node-input-server" />
</div>

<div class="form-row">
    <label for="node-input-protocol" data-i18n="ha-api.label.protocol"></label>
    <select type="text" id="node-input-protocol" style="width: 70%">
        <option
            value="websocket"
            data-i18n="ha-api.label.protocol_option.websocket"
        ></option>
        <option
            value="http"
            data-i18n="ha-api.label.protocol_option.http"
        ></option>
    </select>
</div>

<div class="form-row http">
    <label for="node-input-method" data-i18n="ha-api.label.method"></label>
    <select type="text" id="node-input-method" style="width: 70%">
        <option value="get" data-i18n="ha-api.label.method_option.get"></option>
        <option
            value="post"
            data-i18n="ha-api.label.method_option.post"
        ></option>
        <option value="put" data-i18n="ha-api.label.method_option.put"></option>
        <option
            value="delete"
            data-i18n="ha-api.label.method_option.delete"
        ></option>
    </select>
</div>

<div class="form-row http">
    <label for="node-input-path" data-i18n="ha-api.label.path"></label>
    <input type="text" id="node-input-path" placeholder="config" />
</div>

<div class="form-row">
    <label
        id="data-label"
        for="node-input-data"
        data-i18n="ha-api.label.data"
    ></label>
    <input type="text" id="node-input-data" style="width: 70%" />
    <input type="hidden" id="node-input-dataType" />
</div>

<div class="form-row"><ol id="custom-outputs"></ol></div>

<div class="form-row http">
    <label
        for="node-input-responseType"
        data-i18n="ha-api.label.response_type"
    ></label>
    <select id="node-input-responseType" style="width: 70%">
        <option
            value="text"
            data-i18n="ha-api.label.response_type_option.text"
        ></option>
        <option
            value="arraybuffer"
            data-i18n="ha-api.label.response_type_option.arraybuffer"
        ></option>
        <option
            value="json"
            data-i18n="ha-api.label.response_type_option.json"
        ></option>
    </select>
</div>

<div class="form-row checkbox-option">
    <input type="checkbox" id="node-input-debugenabled" />
    <label
        for="node-input-debugenabled"
        data-i18n="ha-api.label.show_debug"
    ></label>
</div>
